<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>7-事件定义的2种方式</title>
	</head>
	<body>
		<button type="button">点击</button>
		<script type="text/javascript">
			//传统注册方式
			var btn = document.querySelector('button');
			btn.onclick = function(){
				//alert(123);
			}
			//addEventListener() 监听注册方式
			//第一个参数是字符串，带''不加on
			//同一个元素，同一个事件可以添加多个侦听器
			btn.addEventListener('click',function(){
				alert(1);
			});
			btn.addEventListener('click',function(){
				alert(2);
			});
			btn.addEventListener('click',function(){
				alert(3);
			});
		</script>
	</body>
</html>
